{% extends "./base.html" %}
{% block title %}
<title>云辉-课程体系</title>
{% endblock %}
{% block style %}
<link rel="stylesheet" href="/static/assets/css/sales.css">
{% endblock %}
{% block content %}
<div class="main">
  <div class="sales-container">
    <div class="sales-wrapper">
      <div class="sales-flex">
        <div class="sales-wrapper-left">
          <div class="sales-header">
            <div class="sales-header-title">咨询专家</div>
            <div class="sales-header-desc">
              提交资料后，工作人员将于两个工作日内联系您。
              <br>
              或致电 <b>4000-888-738</b> (工作日9:00-18:00)咨询。
              <br>
              如果您需要技术帮助，请访问我们的支持页面。
            </div>
          </div>
          <div class="customers">
            <div class="customers-title">我们深受广大用户信任</div>
            <div class="customers-logos">
              <div class="logo">
                <img src="/static/assets/image/sales/ireader.png" alt="ireader">
              </div>
              <div class="logo">
                <img src="/static/assets/image/sales/allride.png" alt="allride">
              </div>
              <div class="logo">
                <img src="/static/assets/image/sales/pegasus.png" alt="pegasus">
              </div>
              <div class="logo">
                <img src="/static/assets/image/sales/authine.png" alt="authine">
              </div>
              <div class="logo">
                <img src="/static/assets/image/sales/gf.png" alt="gf">
              </div>
              <div class="logo">
                <img src="/static/assets/image/sales/pwc.png" alt="pwc">
              </div>
              <div class="logo">
                <img src="/static/assets/image/sales/enflame.png" alt="enflame">
              </div>
            </div>
          </div>
        </div>
        <div class="sales-wrapper-right">
          <div class="form-container">
              <div class="mktoFormRow">
                <div class="mktoFieldDescriptor mktoFormCol">
                  <div class="mktoOffset"></div>
                  <div class="mktoFieldWrap mktoRequiredField"><label for="name" id="Lblname"
                      class="mktoLabel mktoHasWidth">
                      <div class="mktoAsterix">*</div>姓名 <span>*</span>
                    </label>
                    <div class="mktoGutter mktoHasWidth"></div><input id="name" name="name" maxlength="100"
                      aria-labelledby="Lblname Instructname" type="text"
                      class="name mktoField mktoTextField mktoHasWidth mktoRequired" aria-required="true"><span
                      id="Instructname" tabindex="-1" class="mktoInstruction"></span>
                    <div class="mktoClear"></div>
                  </div>
                  <div class="mktoClear"></div>
                </div>
                <div class="mktoClear"></div>
              </div>
              <div class="mktoFormRow">
                <div class="mktoFieldDescriptor mktoFormCol">
                  <div class="mktoOffset"></div>
                  <div class="mktoFieldWrap mktoRequiredField"><label for="company" id="Lblcompany"
                      class="mktoLabel mktoHasWidth">
                      <div class="mktoAsterix">*</div>公司名称 <span>*</span>
                    </label>
                    <div class="mktoGutter mktoHasWidth"></div><input id="company" name="company" maxlength="150"
                      aria-labelledby="Lblcompany Instructcompany" type="text"
                      class="company mktoField mktoTextField mktoHasWidth mktoRequired" aria-required="true"><span
                      id="Instructcompany" tabindex="-1" class="mktoInstruction"></span>
                    <div class="mktoClear"></div>
                  </div>
                  <div class="mktoClear"></div>
                </div>
                <div class="mktoClear"></div>
              </div>
              <div class="mktoFormRow">
                <div class="mktoFieldDescriptor mktoFormCol">
                  <div class="mktoOffset"></div>
                  <div class="mktoFieldWrap mktoRequiredField"><label for="phone" id="Lblphone"
                      class="mktoLabel mktoHasWidth">
                      <div class="mktoAsterix">*</div>工作电话号码 <span>*</span>
                    </label>
                    <div class="mktoGutter mktoHasWidth"></div><input id="phone" name="phone" maxlength="255"
                      aria-labelledby="Lblphone Instructphone" type="tel"
                      class="phone mktoField mktoTelField mktoHasWidth mktoRequired" aria-required="true"><span
                      id="Instructphone" tabindex="-1" class="mktoInstruction"></span>
                    <div class="mktoClear"></div>
                  </div>
                  <div class="mktoClear"></div>
                </div>
                <div class="mktoClear"></div>
              </div>
              <div class="mktoFormRow">
                <div class="mktoFieldDescriptor mktoFormCol">
                  <div class="mktoOffset"></div>
                  <div class="mktoFieldWrap"><label for="email" id="Lblemail" class="mktoLabel mktoHasWidth">
                      <div class="mktoAsterix">*</div>工作邮箱
                    </label>
                    <div class="mktoGutter mktoHasWidth"></div><input id="email" name="email" maxlength="255"
                      aria-labelledby="Lblemail Instructemail" type="email"
                      class="mktoField mktoEmailField mktoHasWidth mail"><span id="Instructemail" tabindex="-1"
                      class="mktoInstruction"></span>
                    <div class="mktoClear"></div>
                  </div>
                  <div class="mktoClear"></div>
                </div>
                <div class="mktoClear"></div>
              </div>
              <div class="mktoFormRow">
                <div class="mktoFieldDescriptor mktoFormCol">
                  <div class="mktoOffset"></div>
                  <div class="mktoFieldWrap"><label for="title" id="Lbltitle" class="mktoLabel mktoHasWidth">
                      <div class="mktoAsterix">*</div>职位名称
                    </label>
                    <div class="mktoGutter mktoHasWidth"></div><input id="title" name="title" maxlength="255"
                      aria-labelledby="Lbltitle Instructtitle" type="text"
                      class="mktoField mktoTextField mktoHasWidth zhiwei"><span id="Instructtitle" tabindex="-1"
                      class="mktoInstruction"></span>
                    <div class="mktoClear"></div>
                  </div>
                  <div class="mktoClear"></div>
                </div>
                <div class="mktoClear"></div>
              </div>
              <div class="mktoFormRow">
                <div class="mktoFieldDescriptor mktoFormCol">
                  <div class="mktoOffset"></div>
                  <div class="mktoFieldWrap"><label for="comment" id="Lblcomment" class="mktoLabel mktoHasWidth">
                      <div class="mktoAsterix">*</div>其他可以帮助到您的？
                    </label>
                    <div class="mktoGutter mktoHasWidth"></div><textarea id="comment" name="comment" rows="9"
                      aria-labelledby="Lblcomment Instructcomment" class="msg mktoField mktoHasWidth"
                      maxlength="10000"></textarea><span id="Instructcomment" tabindex="-1"
                      class="mktoInstruction"></span>
                    <div class="mktoClear"></div>
                  </div>
                  <div class="mktoClear"></div>
                </div>
                <div class="mktoClear"></div>
              </div>
              <div class="mktoFormRow">
                <div class="mktoFormCol">
                  <div class="mktoOffset mktoHasWidth"></div>
                  <div class="mktoFieldWrap">
                    <div class="mktoHtmlText mktoHasWidth">
                      若您提供您的联系信息，即表示您同意云辉GitLab可能通过邮件、电话等形式向您提供云辉GitLab相关的产品、服务以及活动信息。</div>
                    <div class="mktoClear"></div>
                  </div>
                  <div class="mktoClear"></div>
                </div>
                <div class="mktoClear"></div>
              </div>
              <div class="mktoButtonRow"><span class="mktoButtonWrap mktoNative"><button type="submit" id="btn" class="mktoButton">提交</button></span></div>
          </div>
        </div>
        <div class="customers customers-mobile">
          <div class="customers-title">我们深受广大用户信任</div>
          <div class="customers-logos">
            <div class="logo">
              <img src="/static/assets/image/sales/ireader-mobile.png" alt="ireader">
            </div>
            <div class="logo">
              <img src="/static/assets/image/sales/allride-mobile.png" alt="allride">
            </div>
            <div class="logo">
              <img src="/static/assets/image/sales/pegasus-mobile.png" alt="pegasus">
            </div>
            <div class="logo">
              <img src="/static/assets/image/sales/authine-mobile.png" alt="authine">
            </div>
            <div class="logo">
              <img src="/static/assets/image/sales/gf-mobile.png" alt="gf">
            </div>
            <div class="logo">
              <img src="/static/assets/image/sales/pwc-mobile.png" alt="pwc">
            </div>
            <div class="logo">
              <img src="/static/assets/image/sales/enflame-mobile.png" alt="enflame">
            </div>
          </div>
        </div>
      </div>
      <div class="confirmform hidden">
        <div class="confirmform-left">信息提交成功</div>
        <div class="confirmform-right">我们的工作人员将在2个工作日内与您联系，如果有任何问题，欢迎致电 <b>4000-888-738</b> (工作日9:00-18:00)。</div>
      </div>
      <div id="faq">
        <div class="faq text-center">
          <div class="faq-title text-center">常见问题</div>
          <div class="faq-holder text-left">
            <details class="leap-target" data-inbound-analytics="pricing-leap-target">
              <summary>
                <span class="group-title">
                  当我的GitLab EE订阅即将过期或已经过期会发生什么？
                </span>
                <span class="icon expand"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M8 3C7.44772 3 7 3.44772 7 4V7L4 7C3.44772 7 3 7.44771 3 8C3 8.55228 3.44772 9 4 9H7V12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12V9H12C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7L9 7V4C9 3.44772 8.55228 3 8 3Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
                <span class="icon collapse"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M2 8C2 7.44772 2.44772 7 3 7H13C13.5523 7 14 7.44772 14 8C14 8.55228 13.5523 9 13 9H3C2.44772 9 2 8.55228 2 8Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
              </summary>
              <div class="faq-item">
                <p>如果您是GitLab EE用户，相信您已经收到GitLab, Inc.公司的通知，您可以选择升级到云辉GitLab许可证。联系我们自行下载安装。</p>
              </div>
            </details>
            <details class="leap-target" data-inbound-analytics="pricing-leap-target">
              <summary>
                <span class="group-title">
                  我是GitLab CE/EE用户，如何使用云辉GitLab许可证？
                </span>
                <span class="icon expand"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M8 3C7.44772 3 7 3.44772 7 4V7L4 7C3.44772 7 3 7.44771 3 8C3 8.55228 3.44772 9 4 9H7V12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12V9H12C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7L9 7V4C9 3.44772 8.55228 3 8 3Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
                <span class="icon collapse"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M2 8C2 7.44772 2.44772 7 3 7H13C13.5523 7 14 7.44772 14 8C14 8.55228 13.5523 9 13 9H3C2.44772 9 2 8.55228 2 8Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
              </summary>
              <div class="faq-item">
                <p>GitLab CE或EE版本不支持云辉GitLab许可证。云辉GitLab包含GitLab CE和EE不具备的中国本地化高级特性与功能。请参照<a
                    href="https://gitlab.cn/upgrade">升级页面</a>，从GitLab CE或EE版升级至云辉GitLab版本。</p>
              </div>
            </details>
            <details class="leap-target" data-inbound-analytics="pricing-leap-target">
              <summary>
                <span class="group-title">
                  我可以获得混合许可证吗？
                </span>
                <span class="icon expand"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M8 3C7.44772 3 7 3.44772 7 4V7L4 7C3.44772 7 3 7.44771 3 8C3 8.55228 3.44772 9 4 9H7V12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12V9H12C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7L9 7V4C9 3.44772 8.55228 3 8 3Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
                <span class="icon collapse"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M2 8C2 7.44772 2.44772 7 3 7H13C13.5523 7 14 7.44772 14 8C14 8.55228 13.5523 9 13 9H3C2.44772 9 2 8.55228 2 8Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
              </summary>
              <div class="faq-item">
                <p>不可以，同组内的所有用户都需要使用同一种账户级别。</p>
              </div>
            </details>
            <details class="leap-target" data-inbound-analytics="pricing-leap-target">
              <summary>
                <span class="group-title">
                  我可以从其他供应商那里导入我的项目吗？
                </span>
                <span class="icon expand"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M8 3C7.44772 3 7 3.44772 7 4V7L4 7C3.44772 7 3 7.44771 3 8C3 8.55228 3.44772 9 4 9H7V12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12V9H12C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7L9 7V4C9 3.44772 8.55228 3 8 3Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
                <span class="icon collapse"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M2 8C2 7.44772 2.44772 7 3 7H13C13.5523 7 14 7.44772 14 8C14 8.55228 13.5523 9 13 9H3C2.44772 9 2 8.55228 2 8Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
              </summary>
              <div class="faq-item">
                <p>是的，你可以从大多数现有的供应商导入你的项目，包括GitHub和Bitbucket。请参阅我们的文档或联系销售，了解所有的导入选项。</p>
              </div>
            </details>
            <details class="leap-target" data-inbound-analytics="pricing-leap-target">
              <summary>
                <span class="group-title">
                  我可以为自己或我的组织购买额外存储空间吗？
                </span>
                <span class="icon expand"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M8 3C7.44772 3 7 3.44772 7 4V7L4 7C3.44772 7 3 7.44771 3 8C3 8.55228 3.44772 9 4 9H7V12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12V9H12C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7L9 7V4C9 3.44772 8.55228 3 8 3Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
                <span class="icon collapse"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M2 8C2 7.44772 2.44772 7 3 7H13C13.5523 7 14 7.44772 14 8C14 8.55228 13.5523 9 13 9H3C2.44772 9 2 8.55228 2 8Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
              </summary>
              <div class="faq-item">
                <p>可以的，如果您已升级为云辉GitLab用户，请联系销售为您的团体购买额外存储空间。</p>
              </div>
            </details>
            <details class="leap-target" data-inbound-analytics="pricing-leap-target">
              <summary>
                <span class="group-title">
                  如何定义用户？
                </span>
                <span class="icon expand"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M8 3C7.44772 3 7 3.44772 7 4V7L4 7C3.44772 7 3 7.44771 3 8C3 8.55228 3.44772 9 4 9H7V12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12V9H12C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7L9 7V4C9 3.44772 8.55228 3 8 3Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
                <span class="icon collapse"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M2 8C2 7.44772 2.44772 7 3 7H13C13.5523 7 14 7.44772 14 8C14 8.55228 13.5523 9 13 9H3C2.44772 9 2 8.55228 2 8Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
              </summary>
              <div class="faq-item">
                <p>用户是指客户和/或其关联公司（包括但不限于其雇员、代理人和顾问）的每位个人终端用户（人或机器），可根据本协议访问许可材料。</p>
              </div>
            </details>
            <details class="leap-target" data-inbound-analytics="pricing-leap-target">
              <summary>
                <span class="group-title">
                  True-Up模式似乎很复杂，可以说明一下吗？
                </span>
                <span class="icon expand"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M8 3C7.44772 3 7 3.44772 7 4V7L4 7C3.44772 7 3 7.44771 3 8C3 8.55228 3.44772 9 4 9H7V12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12V9H12C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7L9 7V4C9 3.44772 8.55228 3 8 3Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
                <span class="icon collapse"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M2 8C2 7.44772 2.44772 7 3 7H13C13.5523 7 14 7.44772 14 8C14 8.55228 13.5523 9 13 9H3C2.44772 9 2 8.55228 2 8Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
              </summary>
              <div class="faq-item">
                <p>
                  假设您今天有100个活跃用户，您应该购买一个100个用户的订阅。如果当您明年续费时，实际拥有300个活跃用户（200个额外用户），那么您需要支付300个用户的订阅费，同时你还要为这一年中增加的200个用户支付全部年费。
                </p>
              </div>
            </details>
            <details class="leap-target" data-inbound-analytics="pricing-leap-target">
              <summary>
                <span class="group-title">
                  许可证密钥是如何工作的？
                </span>
                <span class="icon expand"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M8 3C7.44772 3 7 3.44772 7 4V7L4 7C3.44772 7 3 7.44771 3 8C3 8.55228 3.44772 9 4 9H7V12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12V9H12C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7L9 7V4C9 3.44772 8.55228 3 8 3Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
                <span class="icon collapse"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M2 8C2 7.44772 2.44772 7 3 7H13C13.5523 7 14 7.44772 14 8C14 8.55228 13.5523 9 13 9H3C2.44772 9 2 8.55228 2 8Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
              </summary>
              <div class="faq-item">
                <p>
                  许可证密钥是一个静态文件，上传后云辉GitLab企业版方可运行。在上传许可证的过程中，我们会检查云辉GitLab企业版实例上的活跃用户数是否超过新用户数。在许可证有效期内，您可以随意增加用户数量。云辉GitLab用户的许可证密钥将在一年后过期。
                </p>
              </div>
            </details>
            <details class="leap-target" data-inbound-analytics="pricing-leap-target">
              <summary>
                <span class="group-title">
                  如果我决定不续订会怎样？
                </span>
                <span class="icon expand"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M8 3C7.44772 3 7 3.44772 7 4V7L4 7C3.44772 7 3 7.44771 3 8C3 8.55228 3.44772 9 4 9H7V12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12V9H12C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7L9 7V4C9 3.44772 8.55228 3 8 3Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
                <span class="icon collapse"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M2 8C2 7.44772 2.44772 7 3 7H13C13.5523 7 14 7.44772 14 8C14 8.55228 13.5523 9 13 9H3C2.44772 9 2 8.55228 2 8Z"
                      fill="currentColor"></path>
                  </svg>
                </span>
              </summary>
              <div class="faq-item">
                <p>在您的订阅结束14天后，您的密钥将不再起作用，云辉GitLab将不再有任何功能。您可以降级到GitLab CE或云辉GitLab 免费版，这些是免费使用的。</p>
              </div>
            </details>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

{% endblock %}
{% block js %}
  <script>
    $(document).ready(function(){
      $("input").focus(function(){
        $(this).addClass("focus");
      });
      $("input").blur(function(){
        $(this).removeClass("focus");
      });
    });
    $('#btn').click(function(){
      var name = $('.name').val()
      var company = $('.company').val()
      var mail = $('.mail').val()
      var phone = $('.phone').val()
      var zhiwei = $('.zhiwei').val()
      var msg = $('.msg').val()
      if(name === ''){
        $('.name').attr('placeholder',"请输入姓名");
        $('.name').focus()
        return
      }
      if(company === ''){
        $('.company').attr('placeholder',"请输入公司名称");
        $('.company').focus()
        return
      }
      if(phone === ''){
        $('.phone').attr('placeholder',"请输入联系方式");
        $('.phone').focus()
        return
      }
      $.post("/index/join/submit", {name:name, company:company, mail: mail, phone: phone, zhiwei: zhiwei, msg: msg}, function(result){
        $('#btn').html('发送成功')
        var name = $('.name').val('')
        var company = $('.company').val('')
        var mail = $('.mail').val('')
        var phone = $('.phone').val('')
        var zhiwei = $('.zhiwei').val('')
        var msg = $('.msg').val('')
      });
    })
    
  </script>
{% endblock %}